<template>
  <div class="rightCenter">
    <DecTitle text="订单逾期" />
    <div class="view">
      <dv-scroll-board :config="config" style="width: 490px; height: 260px" />
    </div>
  </div>
</template>

<script>
import DecTitle from "@/components/decTitle";
export default {
  components: {
    DecTitle,
  },
  data() {
    return {
      config: {
        header: ["客户名称", "订单号码", "交货日期","逾期天数"],
        data: [
          ["临时散户", "2023-5-31", "2023-07-16 15:41:13.000","76天"],
          ["临时散户", "2023-5-30", "2023-07-15 15:41:13.000","116天"],
          ["临时散户", "2023-5-29", "2023-08-19 15:41:13.000","37天"],
          ["临时散户", "2023-5-28", "2023-09-18 15:41:13.000","98天"],
          ["临时散户", "2023-5-27", "2023-06-18 15:41:13.000","68天"],
          ["临时散户", "2023-5-26", "2023-06-18 15:41:13.000","44天"],
          ["临时散户", "2023-5-25", "2023-04-18 15:41:13.000","65天"],
          ["临时散户", "2023-5-24", "2023-07-18 15:41:13.000","17天"],
          ["临时散户", "2023-5-23", "2023-07-18 15:41:13.000","256天"],
          ["临时散户", "2023-5-22", "2023-07-18 15:41:13.000","24天"],
        ],
        columnWidth: [100,100,200],
        align: ["center"],
      },
    };
  },
};
</script>

<style lang="scss" scoped>
.rightCenter {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  .view{
    height: 280px;
    display: flex;
    justify-content: center;
  }
}
</style>